<template>
  <div class="hello">
    <div class="imgs">
      <img src="//puui.qpic.cn/vupload/0/20181227_1545909680464_a095afjb2e.png/0" alt="图片加载失败">
      <img src="//puui.qpic.cn/vupload/0/20181227_1545909680472_khkfv8i8ktc.png/0" alt="图片加载失败">
      <img src="//puui.qpic.cn/vupload/0/20181227_1545909680474_d5ahnjtsa9e.png/0" alt="图片加载失败">
      <img src="http://puui.qpic.cn/vupload/0/20181227_1545909680474_u2lpwyk027h.png/0" alt="图片加载失败">
      <img src="//puui.qpic.cn/vupload/0/20181228_1545980127534_3fckkaqg0yt.png/0" alt="图片加载失败">
      <img src="//puui.qpic.cn/vupload/0/20190123_1548231924655_68nn2ocx92d.png/0" alt="图片加载失败">
    </div>
  </div>
</template>

<script>
export default {
 
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
  .hello{
    width: 100%;
    height: 20rem;
    img{
        margin-top: -1rem;
        width: 100%;
    }
    img:nth-child(1){
      width: 100%;
      height: 40rem;
    }
    
  }
</style>

